<template>
  <div class="loginTop">
    <img src="@/assets/logo/logo1.jpg" @click="jumpHome" title="点击回到首页">
    <h2>{{ welcome }}</h2>
  </div>
</template>
<script>
export default {
  name: "loginTop",

  data() {
    return {
      welcome: "欢迎登录"
    }
  },

  methods: {
    jumpHome() {
      this.$router.push("/")
    }
  }
}
</script>
<style lang="scss" scoped>
.loginTop {
  width: 1200px;
  height: 92px;
  display: flex;
  flex-direction: row;
  align-items: center;
  img {
    cursor: pointer;
    height: 92px;
    // &:hover{
    //     transform: rotateY(360deg);
    //     transition: 1s;
    // }
  }
  h2 {
    color: #3e3e3e;
    padding-left: 40px;
    font-size: 24px;
    letter-spacing: 2px;
  }
}
</style>
